{% load staticfiles %}
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <title>记一笔</title>
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <link rel="stylesheet" href="{% static '/js/layui/css/layui.css' %}" />
  <link rel="stylesheet" href="{% static '/style/config.css' %}" />
  <script src="{% static '/js/WdatePicker/WdatePicker.js' %}"></script>
 </head>
 <body>
  <div class="container">
   <div class="layui-row">
	<div class="layui-tab layui-tab-card">
	 <ul class="layui-tab-title">
	  <li class="layui-this"><i class="layui-icon">&#xe69c;</i> 支出</li>
	  <li><i class="layui-icon">&#xe6af;</i> 收入</li>
	 </ul>
	 <div class="layui-tab-content">
	 <!-- 支出 -->
	  <div class="layui-tab-item layui-show">
	   <form action="" method="post" class="layui-form layui-form-pane pay">
		<div class="site-block">
		 <div class="layui-form-item">
		  <label class="layui-form-label"><i class="layui-icon">&#xe65e;</i> 支出金额：</label>
		  <div class="layui-input-inline">
		   <input type="text" name="money" class="layui-input" placeholder="请输入金额（￥）" required lay-verify="required" autocomplete="off" />
		  </div>
		 </div>
		 <div class="layui-form-item">
		  <label class="layui-form-label"><i class="layui-icon">&#xe735;</i> 支出分类：</label>
		  <div class="layui-input-inline">
		   <select name="a_cols" lay-verify="required"> <option value="">请选择一个类别</option> <option value="12">早餐</option> <option value="12">午餐</option> <option value="12">晚餐</option> </select>
		  </div>
		 </div>
		 <div class="layui-form-item layui-form-text">
		  <label class="layui-form-label"><i class="layui-icon">&#xe705;</i> 备注：</label>
		  <div class="layui-input-block">
		   <textarea name="a_info" placeholder="有需要的请备注" class="layui-textarea"></textarea>
		  </div>
		 </div>
		 <div class="layui-form-item">
		  <label class="layui-form-label"><i class="layui-icon">&#xe637;</i> 支出时间：</label>
		  <div class="layui-input-inline">
		   <input type="text" name="a_date" class="layui-input" onclick="WdatePicker({ dateFmt:'yyyy-MM-dd' })" required lay-verify="required" autocomplete="off" placeholder="点击选择支出时间" readonly />
		  </div>
		 </div>
		</div>
		<div class="pay-node"></div>
		<div class="layui-form-item">
		  <div class="layui-input-block">
		   <button type="submit" class="layui-btn" lay-filter="sbt">立即提交</button>
		   <button type="reset" class="layui-btn layui-btn-primary">重置</button>
		   <span class="layui-btn layui-btn-normal" id="addPay">追加一笔支出</span>
		   <span class="layui-btn layui-btn-danger" id="delPay" style="display: none;">删除一笔支出</span>
		  </div>
		 </div>
	   </form>
	  </div>
	  <!-- 收入 -->
	  <div class="layui-tab-item">
	   <form action="" method="post" class="layui-form layui-form-pane income">
		<div class="site-block">
		 <div class="layui-form-item">
		  <label class="layui-form-label"><i class="layui-icon">&#xe65e;</i> 收入金额：</label>
		  <div class="layui-input-inline">
		   <input type="text" name="money" class="layui-input" placeholder="请输入金额（￥）" required="" lay-verify="required" autocomplete="off" />
		  </div>
		 </div>
		 <div class="layui-form-item">
		  <label class="layui-form-label"><i class="layui-icon">&#xe735;</i> 收入分类：</label>
		  <div class="layui-input-inline">
		   <select name="a_cols" lay-verify="required"> <option value="">请选择一个类别</option> <option value="12">早餐</option> <option value="12">午餐</option> <option value="12">晚餐</option> </select>
		  </div>
		 </div>
		 <div class="layui-form-item layui-form-text">
		  <label class="layui-form-label"><i class="layui-icon">&#xe705;</i> 备注：</label>
		  <div class="layui-input-block">
		   <textarea name="a_info" placeholder="有需要的请备注" class="layui-textarea"></textarea>
		  </div>
		 </div>
		 <div class="layui-form-item">
		  <label class="layui-form-label"><i class="layui-icon">&#xe637;</i> 收入时间：</label>
		  <div class="layui-input-inline">
		   <input type="text" name="a_date" class="layui-input pay" onclick="WdatePicker({ dateFmt:'yyyy-MM-dd' })" required lay-verify="required" autocomplete="off" placeholder="点击选择收入时间" readonly />
		  </div>
		 </div>
		</div>
		<div class="income-node"></div>
		<div class="layui-form-item">
		  <div class="layui-input-block">
		   <button class="layui-btn" lay-submit="" lay-filter="sbt">立即提交</button>
		   <button type="reset" class="layui-btn layui-btn-primary">重置</button>
		   <span class="layui-btn layui-btn-normal" id="income">追加一笔收入</span>
		   <span class="layui-btn layui-btn-danger" id="delIncome" style="display: none;">删除一笔收入</span>
		  </div>
		 </div>
	   </form>
	  </div>
	 </div>
	</div>
   </div>
  </div>
  <script src="{% static '/js/layui/layui.all.js' %}"></script>
  <script src="{% static '/js/accounting.js' %}"></script>
 </body>
</html>